<template>
    <div class="cinema-view">
        <h1>附近影院</h1>
        <div class="cinema-list">
            <div class="cinema-card" v-for="n in 5" :key="n">
                <h3>MCL全场景声巨幕影院（分店{{ n }}）</h3>
                <p>地址：金钟路{{ 100 + n }}号</p>
                <p>联系电话：021-6566{{ 1000 + n }}</p>
            </div>
        </div>
    </div>
</template>

<style scoped>
.cinema-view {
    padding: 2rem;
}

.cinema-card {
    padding: 1.5rem;
    margin: 1rem 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
</style>
/* eslint-disable */